
colors {
    fontColor: #63615f;
}
menu {
    
     background {
        type: vertical-gradient;
        top-color: #026aba;
        bottom-color: #07255b;
        start: 10%;
        end: 90%;
    }
    font
    {
    	color: white;
    	size: large;
    	style:bold;
    }
    
}
menuItem
{
    padding: 3;
    padding-left: 10;
    padding-right: 10;
    font {
        color: white;
        size: large;
        style: bold;
    }
    layout: left;
    
}
.menuItem:hover
{
    padding: 2;
    padding-left: 8;
    padding-right: 8;
    background 
     {
        type: vertical-gradient;
        top-color: #7ec2fe;
        bottom-color: #1671e4;
        start: 10%;
        end: 90%;
    }
	font
    {
    	color: white;
    	size: large;
    	style:bold;
    }
    layout: left | horizontal-expand;
}
menubar
{
    margin: 0;
    padding: 2;
    padding-top: 3;
    background {
        type: vertical-gradient;
        top-color: #026aba;
        bottom-color: #07255b;
        start: 10%;
        end: 90%;
    }
}


leftcommand
{
    margin: 0;
    padding-top: 3;
    padding-bottom: 0;
    font
    {
        color: white;
        size: large;
        style: bold;
        
    }
}

rightcommand extends leftcommand
{
    layout: right;
}



/* =================================================================== */
/* ============================= 登陆界面============================== */
/* =================================================================== */
.LoginUI
{
    background
    {
        color:#daedea;
    }
}
.con
{
    margin-left: 5%;
    margin-top: 2%;
    margin-right: 5%;
    margin-bottom: 5%;
    min-height:87%;
    max-height:87%;    
    background 
    {
       color:#c2d8e4;
       
    }
    border
    {
        type: round-rect;
        color: white;
        arc: 15;
    }
    layout: expand | center ;
}
.LoginNameItem
{ 
    margin-left: 8%;
    margin-top: 8%;
    margin-right: 5%;
    
    padding-bottom: 3%;  
    font
    {
        size:large;
        color:black;
    }
    layout: expand ;
}

.textField
{
    margin-left: 8%;
    margin-top: 3%;
    margin-right: 5%;
    padding-bottom: 3%;  
    background
    {
        color: white;
        
    }
    
    
    font
    {
        size: small;
        color: black;
    }
    border
    {
        type: round-rect;
        color: white;
        arc: 8;
    }
    layout: expand;
}

.textField:hover
{
    margin-left: 8%;
    margin-top: 3%;
    margin-right: 5%;
    padding-bottom: 3%;  
     background
    {
        color: #fdfdd3;
    }
    font
    {
        size: small;
        color: black;
    }
    border
    {
        type: round-rect;
        color: white;
        arc: 8;
    }
    layout: expand;
}


.choice
{
    columns:2;
    margin-top: 3%;
    font
    {
        color: black;
    }
    
    layout:  center;
}
.remItem
{ 
    font 
    {
        color: black;
        style: bold;
        
    }
    margin-top: 3%;
     layout:  center;
}
.remItem:hover
{
    margin-top: 3%;
    background 
    {
        color: gray;
    }
    font 
    {
        color: black;
        style: bold;
        
    }
    border
    {
        color: white;
        width: 1;
    }
     layout:  center;
     
}


/* =================================================================== */
/* ============================= 用户注册界面========================== */
/* =================================================================== */

.RegisterUI
{
    background
    {
        color:#daedea;
    }
}

.RegisterChoiceGroup
{
    radiobox-plain:none;
    radiobox-selected:none;
    checkbox-plain:none;
    checkbox-selected:none;
     background
    {
        type: round-rect;
    }
    font
    {
        size: large;
        color: black;
    }
    text-layout: expand;
}

.RegisterChoiceGroup:hover
{
    radiobox-plain:none;
    radiobox-selected:none;
    checkbox-plain:none;
    checkbox-selected:none;
     background
    {
        type: round-rect;
        color: #fdfdd3;
    }
    font
    {
        size: large;
        color: black;
    }
    text-layout: expand;
    
}
.sexItem
{
    radiobox-plain:none;
    radiobox-selected:none;
    background
    {
        color: white;
        type: round-rect;
        arc:3;
    }
    font
    {
        size: large;
        color: black;
    }
    layout: expand;
}
.sexItem:hover
{ 
    radiobox-plain:none;
    radiobox-selected:none;
    background 
     {
        type: vertical-gradient;
        top-color: #7ec2fe;
        bottom-color: #1671e4;
        start: 10%;
        end: 90%;
    }
    font
    {
        size: large;
        color: black;
    }
    border
    {
        color: #3a23e7;
        type:round-rect;
        arc:3;
    }
    layout: expand;
}
.RegisterCon
{
    columns:1;
    margin-left: 4%;
    margin-top: 0%;
    margin-right: 4%;
    margin-bottom: 0%;   
    background 
    {
       color:#c2d8e4;
       
    }
    border
    {
        type: round-rect;
        color: white;
        arc: 15;
    }
    layout: expand | center ;
}

.littleCon
{
    columns:4;
    margin-left: 4%;
    margin-top: 0%;
    margin-bottom: 0%; 
    background 
    {
       color:#c2d8e4;
       
    }
    layout: expand | center ;
}
.RegisterNameItem
{
    margin-left: 8%;
    margin-top: 0%;
    margin-right: 5%;
    padding-bottom: 0%;  
    font
    {
        size:large;
        color:black;
    }
    layout: expand ;
}

.RegisterNameItem2
{
    margin-left: 8%;
    margin-top: 0%;
    margin-right: 5%;
    padding-bottom: 0%;  
    font
    {
        size:large;
        color:black;
    }
}
.RegisterTextField
{
    margin-left: 8%;
    margin-top: 0%;
    margin-right: 5%;
    padding-bottom: 0%;  
    background
    {
        color: white;
        
    }
    font
    {
        size: small;
        color: black;
    }
    border
    {
        type: round-rect;
        color: white;
        arc: 8;
    }
    layout: expand;
}

.RegisterTextField:hover
{
    margin-left: 8%;
    margin-top: 0%;
    margin-right: 5%;
    padding-bottom: 0%;  
     background
    {
        color: #fdfdd3;
    }
    font
    {
        size: small;
        color: black;
    }
    border
    {
        type: round-rect;
        color: white;
        arc: 8;
    }
    layout: expand;
}

/* =================================================================== */
/* ============================= 忘记密码页面========================== */
/* =================================================================== */
.ForgetPswUI
{
    background
    {
        color:#daedea;
    }
}

.ForgetPswCon
{
    margin-left: 4%;
    margin-top: 0%;
    margin-right: 4%;
    margin-bottom: 0%;   
    background 
    {
       color:#c2d8e4;
    }
    border
    {
        type: round-rect;
        color: white;
        arc: 15;
    }
    layout: expand | center ;
}
.ForgetPswNameItem
{ 
    margin-left: 8%;
    margin-top: 0%;
    margin-right: 5%;
    
    padding-bottom: 0%;  
    font
    {
        size:large;
        color:black;
    }
    layout: expand ;
}

.ForgetPswtextField
{
    margin-left: 8%;
    margin-top: 0%;
    margin-right: 5%;
    padding-bottom: 0%;  
    background
    {
        color: white;
        
    }
    
    
    font
    {
        size: small;
        color: black;
    }
    border
    {
        type: round-rect;
        color: white;
        arc: 8;
    }
    layout: expand;
}

.ForgetPswtextField:hover
{
    margin-left: 8%;
    margin-top: 0%;
    margin-right: 5%;
    padding-bottom: 0%;  
     background
    {
        color: #fdfdd3;
    }
    font
    {
        size: small;
        color: black;
    }
    border
    {
        type: round-rect;
        color: white;
        arc: 8;
    }
    layout: expand;
}

.modifyButton
{
    margin-top: 3%;   
    padding-bottom: 4%;  
    layout: center | expand;
}
/* =================================================================== */
/* ============================= 关于它界面============================ */
/* =================================================================== */

.AboutItUI
{
	background
    {
        color:#daedea;
    }
}

.AboutIttextItem
{
    margin-left: 4%;
    margin-top: 4%;
    margin-right: 4%;
    margin-bottom: 4%;
    font
    {
        size:large;
        color:#63615f;
        style:plain;
    }
    layout: expand ;
    

}
/* =================================================================== */
/* ============================= 关于我们界面========================== */
/* =================================================================== */

.AboutUsUI
{
    background
    {
        color:#daedea;
    }
}

.AboutUstextItem
{
    margin-left: 4%;
    margin-top: 4%;
    margin-right: 4%;
    margin-bottom: 4%;
    font
    {
        size:large;
        color:#63615f;
        style:plain;
    }
    layout: expand ;

}

/* =================================================================== */
/* ============================= 关于我界面============================ */
/* =================================================================== */
.AboutMeUI
{
    background
    {
        color:#daedea;
    }
}
.nameItem
{
    margin-left: 4%;
    margin-top: 0%;
    margin-right: 4%;
    margin-bottom:0%;
    label-style: nameItemLabel;
    font
    {
        size:large;
        color:#321896;
        style: plain;
    }
    layout:expand;
}
.nameItemLabel
{
    margin-left: 4%;
    margin-top: 0%;
    margin-right: 4%;
    margin-bottom:0%;
    font
    {
        size: large;
        color: #63615f;
        style: plain;
    }
}
.AboutMeCon
{
    columns:2;
}
.button
{
    margin-left: 4%;
    margin-right: 4%;
    layout:expand;
}
.button:hover
{
    margin-left: 4%;
    margin-right: 4%;
    border
    {
        type: round-rect;
        color: #7a667a;
        width: 2;
        arc: 3;
    }
    layout:expand;
}

.record
{
    margin-left: 4%;
    margin-top: 0%;
    margin-right: 4%;
    margin-bottom:0%;
    label-style: recordLabel;
    font
    {
        size:large;
        color:#321896;
        style: plain;
    }
    layout:expand;
}
.recordLabel
{
    margin-left: 4%;
    margin-top: 0%;
    margin-right: 4%;
    margin-bottom:0%;
    font
    {
        size: large;
        color: #63615f;
        style: plain;
    }
}


/* =================================================================== */
/* ============================= 答题界面 ============================= */
/* =================================================================== */

.QuestionUI
{
    background
    {
        color:#daedea;
    }
}

.question
{
    margin-left: 4%;
    margin-top: 0%;
    margin-right: 4%;
    margin-bottom:0%;
    font
    {
        size:large;
        color:#321896;
        style: plain;
    }
    layout:expand;
}
.answerGroup
{
    
}
.listItem
{
    margin-left: 6%;
    margin-top: 0%;
    margin-right: 4%;
    margin-bottom:0%;
    font
    {
        size:large;
        color:#321896;
        style: plain;
    }
    layout:expand;
}
.listItem:hover
{
    margin-left: 6%;
    margin-top: 0%;
    margin-right: 4%;
    margin-bottom:0%;
    background
    {
        color: #fdfdd3;
    }
    font
    {
        size:  large;
        color: black;
    }
    border
    {
        type: round-rect;
        color: white;
        arc: 8;
    }
    layout:expand;
}
.ImageItemCon
{
    columns: 2;
    columns-width: 50%,50%;
}
.tipsButton
{
     margin-right: 4%;
    layout: right;
}
.tipsButton:hover
{
    margin-right: 4%;
    layout: right;
    border
    {
        type: round-rect;
        color: white;
        arc: 3;
    }
}

/* =================================================================== */
/* ============================= 菜单界面 ============================= */
/* =================================================================== */
.MainMenu
{
    background
    {
        color:#daedea;
    }
}
.titleItem
{
    margin-left: 7%;
    margin-top: 0%;

    margin-bottom:0%;
    font
    {
        size: large;
        color: black;
    }
    layout: expand | center;
}
.MainMenu
{
    
}
.startItem
{
    radiobox-plain:none;
    radiobox-selected:none;
    margin-top: 7%;
    margin-left: 12%;
    margin-right: 12%;

    font
    {
        size:  large;
        color: black;
    }

    layout:expand | center;
}
.startItem:hover
{
    radiobox-plain:none;
    radiobox-selected:none;
    margin-top: 7%;
    margin-left: 12%;
    margin-right: 12%;

    background
    {
        color: #fdfdd3;
    }
    font
    {
        size:  large;
        color: black;
    }
    border
    {
        type: round-rect;
        color: white;
        arc: 8;
    }
    layout:expand | center;
}

/* =================================================================== */
/* ============================= 提示界面 ============================= */
/* =================================================================== */
.TipsUI
{
    background
    {
        color:#daedea;
    }
}